.reg{
    padding: 20px;
    background: url(../../assets/images/sign-bg.jpg) no-repeat center top;
    background-size: cover;
    // 密码登录
    .reg-login{
        text-align: right;
        a{
            color: #fff;
            font-size: 18px;
        }
    }
    // 注册页标题
    .reg-title{
        font-size: 28px;
        color: #fff;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    // 注册页详情
    .reg-info{
        color: #99949b;
        font-size: 16px;
        margin-bottom: 30px;
    }
    //注册页表单
    .reg-form{

        // 输入框
        input{
            width: 100%;
            height: 50px;
            border-radius: 25px;
            background-color: rgba(255, 255, 255, 0.5);
            color: #fff;
            padding-left: 18px;
        }
        input::placeholder{
            color:  rgba(255, 255, 255, 0.7);
        }
        p{
            margin-bottom: 20px;
        }
        //验证码
        .captcha-box{
            height: 50px;
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
            input{
                width: 1px;
                flex-grow: 1;
            }
            div{
                width: 123px;
                margin-left: 15px;
            }
        }
        //注册按钮
        #reg-btn{
            width: 100%;
            height: 50px;
            border-radius: 25px;
            background-color:  rgba(99, 255, 167, 0.5);
            color: #fff;
        }
    }
    //微信登录
    .wechat{
        text-align: right;
        color: #fff;
        font-size: 18px;
        a{
            margin-left: 5px;
            color: #fff;
        }
    }
    //注册页标语
    .register-slogen{
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 100%;
        text-align: center;
        color: #fff;
    }

    //错误提示
    #error{
        margin-top: 15px;
        width: 100%;
        text-align: center;
        color: #f00;
        }
}